<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>定时器</title>
    <style>

    </style>
</head>
<body>
    <script>
        let i = 0;
        setTimeout(function(){
            console.log("洛璃永远在这里");
        }, 3000);
        let clearId = setInterval(function(){
            i++
            console.log("你好，洛璃");
        }, 4000);
        /*
            定时器
                setTimeout(function(){},time) 设置一次性定时器
                setTnterval(function(){},time) 循环性定时器 time(ms)
                clearInterval() 停止定时器
        */
        setInterval(function(){
        clearInterval(clearId)
       }, 3000)
       
       //递归
       let j = 0
       function run(){
        j++
        console.log(j);
        run()
       }
       run()

       /*
            同步：按序执行，上一步完成了，下一步才可以接着执行，下一步必须等上一步执行完。
             同步代码中，前一步代码报错，会阻塞后一部代码的执行

            异步：当前作用域内，所有的同步代码执行完了，才会进行异步操作
            
       */
    </script>
</body>
</html>